<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css/base.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css/style.css">
		<script type="text/javascript" src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
		<title>订单管理-我的套餐-使用中</title>
	</head>
	<body>
		<div class="page">
			<div class="header">
				<div class="header_top"></div>
				<div class="header_bottom clearfix">
					<div class="header_logo fl">
						<img src="${pageContext.request.contextPath}/images/images/index-logo.png">
					</div>
					<ul class="header_nav clearfix fl">
						<li>
							<a href="" class="on">订单管理</a>
						</li>
						<li>
							<a href="">家政人员管理</a>
						</li>
						<li>
							<a href="">财务管理</a>
						</li>
						<li>
							<a href="">账户管理</a>
						</li>
					</ul>
					<div class="header_user fr">
						<img src="${pageContext.request.contextPath}/images/images/user.png">欢迎您，<i>${ sessionScope.MANAGER_NAME} </i><a href="${pageContext.request.contextPath}/manager/loginout.html">【切换账号】</a>
					</div>
				</div>
			</div>
			<div class="main clearfix">
				<div class="main_menu fl">
					<div class="menu_name">
						<a href="order_ddc_lsbjd.html">
							<img src="${pageContext.request.contextPath}/images/images/ddc.png">
							<p>订单池</p>
						</a>
					</div>
					<div class="menu_name">
						<a href="order_xqc.html">
							<img src="${pageContext.request.contextPath}/images/images/xqc.png">
							<p>需求池</p>
						</a>
					</div>
					<div class="menu_name">
						<a href="order_wddd_jrffdd.html">
							<img src="${pageContext.request.contextPath}/images/images/wddd.png">
							<p>我的订单</p>
						</a>
					</div>
				
				</div>
				<div class="main_cont fl">
					<div class="main_cont_top">
						<div class="main_inner clearfix">
							<div class="cont_top_title fl">当前位置：订单管理 > 我的套餐 > 使用中</div>
							<div class="cont_top_time fr">当前时间：<span>12月19日 15:30:29</sapn> <i><img src="${pageContext.request.contextPath}/images/images/refresh.png">刷新</i></div>
						</div>
					</div>
					<div class="main_cont_top">
						<div class="main_inner clearfix">
							<div class="cont_top_title fl">我的嘿币：<i>0</i> 元</div>
							<div class="cont_top_time fr">
								<select>  
									<option value ="全部订单">全部订单</option>
								</select>
								下单时间：<input class="Wdate" type="text" onClick="WdatePicker()">  到  <input class="Wdate" type="text" onClick="WdatePicker()"><input type="button" value="订单搜索" class="search">
							</div>
						</div>
					</div>
					<div class="main_cont_bottom_wdtc">
						<div class="main_inner">
							<ul class="main_cont_title clearfix">
								<li>
									<a href="order_wdtc_syz.html" class="on">使用中【2】</a>
								</li>
								<li>
									<a href="order_wdtc_yjs.html">已结束【2】</a>
								</li>
							</ul>
							<table>
							    <tr> 
							        <th><input type="checkbox" checked="checked" class="checked"></th>
							        <th>订单编号</th> 
							        <th>套餐类型</th>
							        <th>销售时间</th>
							        <th>平台结算价格</th> 
							        <th>已使用次数</th> 
							        <th>剩余小保洁次数</th>
							        <th>剩余大保洁次数</th>
							        <th>用户备注</th>
							        <th>操作</th>
							    </tr> 
							    <tr> 
							        <td><input type="checkbox" checked="checked" class="checked"></td>
							        <td>201654254875214</td> 
							        <td>保洁套餐-季卡</td>
							        <td>2016-12-19 14:00</td> 
							        <td>1980.00元</td> 
							        <td>5次</td>
							        <td>5次</td> 
							        <td>2次</td> 
							        <td>/</td>
							        <td><button class="ckxq">订单详情</button></td>
							    </tr> 
							    <tr> 
							        <td><input type="checkbox" class="checked"></td> 
							        <td>201654254875214</td> 
							        <td>保洁套餐-年卡</td>
							        <td>2016-12-19 14:00</td> 
							        <td>1980.00元</td> 
							        <td>5次</td>
							        <td>5次</td> 
							        <td>2次</td> 
							        <td>/</td>
							        <td><button class="ckxq">订单详情</button></td>
							    </tr>
							</table> 
							<div class="strip mt15 f14 c46">显示 <i>1-3</i> 共 <i>3</i> 条</div>
							<div class="pagination">共 <i>5</i> 页 <i>48</i> 条记录
								<a href="">首页</a>
								<a href="">上一页</a>
								<a href="">1</a>
								<a href="">2</a>
								<a href="">3</a>
								<a href="">...</a>
								<a href="">下一页</a>
								<a href="">末页</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		<!--查看详情-->
			<div class="mask_ddxq">
				<div class="ckddxq" style="height: 450px;">
					<img src="${pageContext.request.contextPath}/images/images/close.png" class="close">
					<h3>订单详情</h3>
					<ul>
						<li>订单编号：201687876565456</li>
						<li>订单类型：保洁套餐-季卡</li>
						<li>有效期：2016-12-18至2016-2-18</li>
						<li>客户姓名：唐经晶</li>
						<li>客户电话：15273636765</li>
						<li>服务地址：重庆市九龙坡区佳馨花园 3-5-2</li>
						<li>订单费用：120.00元</li>
						<li>保洁总次数：12次</li>
						<li>保洁大保洁次数：0次</li>
						<li>保洁小保洁次数：0次</li>
						<li>订单状态：已结束</li>
						<li class="yellow">使用详情：</li>
						<li>2016-12-20 14:00 使用小保洁</li>
						<li>2016-12-20 10:00 使用大保洁</li>
					</ul>
				</div>
			</div>
		</div>
		<script>
			$(function(){
				$(".main_cont_bottom_wdtc .ckxq").on("click",function(){
					$(".mask_ddxq").show()
				})
				$(".close").on("click",function(){
					$(".mask_ddxq").hide()
				})
			})
		</script>
	</body>
</html>
